import TinyThemeTool from '@opentiny/vue-theme/theme-tool'
// import '@/plugins/cos_theme.less'
const themeTool = new TinyThemeTool()
themeTool.changeTheme({
    name: 'cos-theme',
    data: {
      // 'tv-base-color-brand': '#1476ff',
      // 'tv-font-size-md': '12px',
      // 'tv-font-size-lg': '16px',
      // 'tv-font-size-xxl': '20px'

        
    },
    css: `
      :root,
      :host {
          --tv-font-size-default: 12px;
          --tv-font-family:Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
          --tv-Button-margin-left-btn-to-btn-xs: 1px;
          --tv-Button-margin-left-btn-to-btn-sm: 2px;
          --tv-size-height-xs: 24px;
          --tv-size-height-sm: 24px;
          --tv-size-height-md: 28px;
          --tv-size-height-lg: 32px;
          --tv-size-height-xl: 36px;
      }
        .tiny-button{
          --tv-Button-padding-x: 10px;
          --tv-Button-font-size: 12px;
          .svg-icon{
            padding-right: 5px;
          }
          i{
            margin: 0px 3px 1px -2px;
          }

        }
      .tiny-button+.tiny-button {
          margin-left: var(--tv-Button-margin-left-btn-to-btn-xs);
      }
        
    `
  })